<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册_华为账号</title>
    <link rel="stylesheet" href="../css/register.css">
    <link rel="shortcut icon" href="../favicon.ico"/>
    <link rel="stylesheet" href="../libs/iconfont/iconfont.css">
</head>
<body>   
    <header>
        <div>
            <img src="../img/HUAWEI.svg" alt="">
        </div>
    </header>
    <main>
        <div>
            <!-- 注册区域 -->
            <div class="big">
                <div>
                    <div>华为账号注册</div>
                    <span>已有账号，<a href="../html/login.html">去登录</a> </span>
                </div>
                <div>
                    <div>国家/地区</div>
                    <div></div>
                    <div>中国<i class="iconfont">&#xe6b5</i></div>
                </div>
                <div>
                    <div>+86(中国)<i class="iconfont">&#xe6b5</i></div>
                    <div>|</div>
                    <input type="text" placeholder="手机号" class="phone">
                </div>
                <div>
                    <input type="text" placeholder="短信验证码">
                    <div>获取验证码</div>
                </div>
                <div><input type="password" placeholder="密码" class="password"></div>
                <div><input type="password" placeholder="确认密码" class="password2"></div>
                <div>
                    <div>出生日期</div>
                    <div></div>
                    <div>
                        <span>2001年<i class="iconfont">&#xe6b5</i></span>
                        <span>01月<i class="iconfont">&#xe6b5</i></span>
                        <span>01日<i class="iconfont">&#xe6b5</i></span>
                    </div>
                </div>
                <div class="button"><button>注册</button></div>
            </div>

            <!-- 验证 -->
            <span class="register1">(以字母开头，长度在6~18之间，只能包含字母、数字和下划线)</span>
            <span class="register2">手机号不正确</span>
            <span class="register3">手机号已被注册</span>
            <span class="register4">密码格式不正确</span>
            <span class="register5">两次密码不一致</span>
        </div>
    </main>

    <footer>
        <div>
            <ul>
                <li><a href="#">华为帐号用户协议</a><span>|</span></li>
                <li><a href="#">关于华为帐号与隐私的声明</a><span>|</span></li>
                <li><a href="#">常见问题</a><span>|</span></li>
                <li><a href="#">Cookies</a></li>
            </ul>
            <p>华为帐号 版权所有 © 2011-2021</p>
        </div>
    </footer>

    <script src="../js/register.js"></script>

</body>
</html>